/* Code tidied up by ScrapBook */
body, p, h1, h2, h3, h4, h5, li, span, i, ul, img, a, strong, input, button, textarea, dd, dl, dt { margin: 0px; padding: 0px; }
body { font-family: "microsoft yahei"; font-size: 14px; line-height: 1; }
* { box-sizing: border-box; }
li { list-style-type: none; float: left; }
a, area { text-decoration: none; outline: medium none; color: rgb(0, 0, 0); }
img { border: medium none; vertical-align: middle; }
i, var, em { font-style: normal; }
.dt { display: table; width: 100%; }
.wid { width: 1000px; margin: 0px auto; }
.top { height: 100px; }
.top .logo { float: left; margin-top: 22px; }
.top .notice { width: 350px; height: 24px; line-height: 24px; text-indent: 24px; float: left; border-left: 0px solid rgb(213, 213, 213); padding-left: 15px; margin-top: 30px; margin-left: 20px; background-image: url("ico0.png"); font-size: 12px; color: rgb(255, 255, 255); }
.top .customer { float: right; margin-top: 25px; }
.banner { height: 517px; background: rgba(0, 0, 0, 0) url("img1.jpg") repeat scroll center center; }
.banner .wid { position: relative; height: 100%; }
.banner .pict { left: 0px; bottom: -79px; position: relative; float: left; }
.banner .pict .iphone-pic { position: absolute; left: 155px; top: 55px; width: 223px; height: 394px; }
.banner .text { float: right; margin-top: 80px; margin-right: 42px; }
.banner .text h2 { color: rgb(255, 255, 255); font-size: 36px; font-weight: normal; padding-left: 98px; }
.banner .text h2 i { color: rgb(255, 252, 0); }
.banner .text h2 span { background: rgb(255, 138, 0) none repeat scroll 0% 0%; font-size: 24px; padding: 5px 15px; display: inline-block; margin-left: 15px; position: relative; vertical-align: middle; margin-top: -8px; }
.banner .text h2 span::after { content: ""; position: absolute; top: 8px; left: -8px; width: 0px; height: 0px; border-bottom: 8px solid transparent; border-right: 8px solid rgb(255, 138, 0); border-top: 8px solid transparent; }
.banner .text ul { margin-top: 51px; margin-left: -62px; }
.banner .text ul li { margin-left: 98px; }
.banner .text ul li .code { width: 181px; height: 182px; background-image: url("ico19.png"); text-align: center; }
.banner .text ul li .code img { margin-top: 11px; width: 158px; height: 158px; }
.banner .text ul li a { width: 180px; height: 58px; border-radius: 4px; margin-top: 40px; float: left; }
.banner .text ul li img { float: left; margin-left: 15px; margin-top: 10px; }
.banner .text ul li p { float: left; color: rgb(255, 255, 255); margin-left: 10px; margin-top: 14px; }
.banner .text ul li p span { display: block; font-size: 12px; color: rgb(255, 253, 120); margin-top: 3px; }
.banner .text ul li .ios { background: rgb(250, 98, 0) none repeat scroll 0% 0%; display: block; }
.banner .text ul li .android { background: rgb(143, 195, 31) none repeat scroll 0% 0%; }
.hot-games { margin-top: 100px; }
.hot-games h2 { border-bottom: 1px solid rgb(214, 214, 214); text-align: center; }
.hot-games h2 span { padding: 0px 15px; display: inline-block; position: relative; top: 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 36px; color: rgb(72, 72, 72); }
.hot-games h2 span var { display: block; text-transform: uppercase; color: rgb(219, 219, 219); font-size: 20px; font-weight: normal; margin-top: 5px; }
.hot-games ul { margin-top: 30px; }
.hot-games ul li { width: 16.66%; text-align: center; margin-top: 42px; }
.hot-games ul li .pict { height: 100px; }
.hot-games ul li p { font-size: 18px; color: rgb(102, 102, 102); margin-top: 12px; }
.footer { border-top: 2px solid rgb(255, 143, 76); background: rgb(241, 241, 241) none repeat scroll 0% 0%; padding-top: 50px; padding-bottom: 40px; margin-top: 68px; }
.footer p { text-align: center; color: rgb(125, 125, 125); font-size: 12px; line-height: 2; }
.footer img { margin-top: 40px; }
